import React, { Component, Fragment } from 'react'
// Fragment 此组件会占位，但是在编译成html时，不会生成html
// 简写 <> 元素 </> ，它还不要求去在react包中导入

// 引入高阶组件 本质就是一个函数
import withLayout from './hoc/withLayout'

/* class App extends Component {
  render() {
    return (
      <Fragment>
        <div className="app">我是中间内容1</div>
        <div className="app">我是中间内容2</div>
      </Fragment>
    )
  }
} */

class App extends Component {
  render() {
    return (
      <>
        <div className="app">我是中间内容1</div>
        <div className="app">我是中间内容2</div>
      </>
    )
  }
}

// 传入一个组件给我，我返回一个增强后的组件
export default withLayout(App)
